<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="_fragments :: head('404')"></head>

<body class="background show-spinner no-footer">
    <div class="fixed-background"></div>
    <main>
        <div class="container">
            <div class="row h-100">
                <div class="col-12 col-md-10 mx-auto my-auto">
                    <div class="card auth-card">
                        <div class="position-relative image-side ">
                            <p class=" text-white h2">欢迎来到SGL BLOG</p>
                            <p class="text-white mb-0">是的，的确如此!</p>
                        </div>
                        <div class="form-side">
                            <div class="text-center">
                                <a th:href="@{/}">
                                    <span class="logo-single"></span>
                                </a>

                                <h6 class="mb-4">糟糕……好像发生了错误!</h6>
                                <p class="mb-0 text-muted text-small mb-0">Error code</p>
                                <p class="display-1 font-weight-bold mb-5">
                                    404
                                </p>
                                <a th:href="@{/}" class="btn btn-primary btn-lg btn-shadow">返回主页</a>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <th:block th:replace="_fragments :: script" />
</body>

</html>